const searchConfig: any = {
  pageName: "组件测试",
  formItems: [
    {
      type: "input",
      label: "关键字",
      prop: "clientName",
      attrs: {
        placeholder: "客户名称",
        clearable: true,
        style: {
          width: "200px",
        },
      },
    },
    {
      type: "select",
      label: "状态",
      prop: "status",
      attrs: {
        placeholder: "全部",
        clearable: true,
        style: {
          width: "100px",
        },
      },
      options: [
        { label: "启用", value: 1 },
        { label: "禁用", value: 0 },
      ],
    },
    {
      type: "date-picker",
      label: "选择日期",
      prop: "date",
      attrs: {
        type: "date",
        placeholder: "选择日期",
        format: "YYYY-MM-DD",
        "value-format": "YYYY-MM-DD",
        style: {
          width: "240px",
        },
      },
    },
    // {
    //   type: "date-daterange-picker",
    //   label: "创建时间",
    //   prop: "createAt",
    //   attrs: {
    //     type: "daterange",
    //     "range-separator": "~",
    //     "start-placeholder": "开始时间",
    //     "end-placeholder": "截止时间",
    //     "value-format": "YYYY-MM-DD",
    //     style: {
    //       width: "240px",
    //     },
    //   },
    // },
    // {
    //   type: "tree-select",
    //   label: "部门",
    //   prop: "deptId",
    //   attrs: {
    //     placeholder: "请选择",
    //     data: [],
    //     filterable: true,
    //     "check-strictly": true,
    //     "render-after-expand": false,
    //     clearable: true,
    //     style: {
    //       width: "150px",
    //     },
    //   },
    //   async initFn(formItem) {
    //     formItem.attrs.data = await DeptAPI.getOptions();
    //     // 注意:如果initFn函数不是箭头函数,this会指向此配置项对象,那么也就可以用this来替代形参formItem
    //     // this.attrs!.data = await DeptAPI.getOptions();
    //   },
    // },
  ],
  // 是否开启展开和收缩
  isExpandable: true,
  // 默认展示的表单项数量
  showNumber: 3,
};

export default searchConfig;
